import * as React from 'react'

export interface Props extends React.SVGAttributes<SVGElement> {}

const svgPath =
  'M18.5509 11.2019L18.6471 12.9836L18.7055 13.1431L20.5351 15.6872C21.63 17.3027 20.6869 19.5 18.7929 19.5H5.2112C3.31785 19.5 2.37419 17.3026 3.45708 15.7044L5.32892 13.0627C5.52385 12.5378 5.59385 12.2695 5.59385 12V6C5.59385 3.33261 7.6806 1.5 10.4969 1.5H13.5072C16.3236 1.5 18.411 3.33269 18.411 6V12C18.411 12.0443 18.4135 12.0043 18.4186 11.922L18.4186 11.922C18.4348 11.6605 18.4773 10.9721 18.5509 11.2019ZM16.9105 6C16.9105 4.20757 15.5352 3 13.5072 3H10.4969C8.46921 3 7.0944 4.20735 7.0944 6V12C7.0944 12.4374 7.01698 12.7914 6.82723 13.3322L6.66555 13.7716L4.69051 16.5585C4.25433 17.2025 4.59677 18 5.2112 18H18.7929C19.4078 18 19.75 17.2028 19.3046 16.5456L17.3714 13.8577L17.2658 13.5764C17.0194 12.9059 16.9105 12.4806 16.9105 12V6ZM9 9V6.75C9 5.41432 9.91857 4.5 11.2508 4.5H12.0011C12.4155 4.5 12.7514 4.83577 12.7514 5.25C12.7514 5.66423 12.4155 6 12.0011 6H11.2508C10.7459 6 10.5006 6.2442 10.5006 6.75V9C10.5006 9.41423 10.1647 9.75 9.75028 9.75C9.3359 9.75 9 9.41423 9 9ZM9.74724 22.5C9.33286 22.5 8.99696 22.1642 8.99696 21.75C8.99696 21.3358 9.33286 21 9.74724 21H14.2484C14.6627 21 14.9986 21.3358 14.9986 21.75C14.9986 22.1642 14.6627 22.5 14.2484 22.5H9.74724Z' // eslint-disable-line max-len

// TEMPORARY COMPONENT FOR PRESENTATION PURPOSES
export const Icon: React.FC<Props> = ({
  width = 24,
  height = 24,
  fill = 'currentColor',
  ...props
}) => {
  return (
    <svg
      {...props}
      width={width}
      height={height}
      fill={fill}
      viewBox="0 0 24 24"
    >
      <path d={svgPath} fillRule="evenodd" />
    </svg>
  )
}

Icon.displayName = 'Icon'
